<div class='wrap-vip-purchase' ng-controller='VipPurchase'>
    <div class='header am-g am-g-collapse'>
        <div class='am-u-sm-3 headimg'>
            <img ng-src='{{userInfo.headimgurl}}'>
        </div>
        <div class='am-u-sm-9 info'>
            <div class='nickname'>{{userInfo.nickname}}</div>
            <div class='vip-tip'>
                <span>{{purchaseTip}}</span>
            </div>
        </div>
    </div>

    <div class='box-vip'>
        <div class='title'>沫言育儿电台</div>
        <div class='list am-avg-sm-3'>
            <li ng-repeat='item in vipList'>
                <div ng-click='select_vip(item)' class='item am-g am-g-collapse' ng-class='{"active": item.is_select}'>
                    <!-- <div class='am-u-sm-9 price'>{{item.amount}}元</div> -->
                    <div class='am-u-sm-9 price'>
                        <div class='original'><s>{{item.original_amount}}元</s></div>
                        <div class='now'>{{item.amount}}元</div>
                    </div>
                    <div class='am-u-sm-3 date'>{{item.date_desc}}</div>
                </div>
            </li>
        </div>
    </div>

    <div class='box-intro'>
        <div class='title'>沫言育儿电台介绍</div>
        <div class='intro' ng-bind-html='vipIntro'></div>
    </div>

    <div class='box-coupon-btn'>
        <button class='am-btn am-btn-warning' data-am-modal='{target: ".am-modal.input-coupon"}'>使用优惠码</button>
    </div>
    <div class='am-modal input-coupon'>
        <div class='am-modal-dialog'>
            <div class='am-modal-hd'>
                输入优惠码
                <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
            </div>
            <div class='am-modal-bd'>
                <input type='text' class='am-form-field' ng-model='coupon.code'>
                <span class='error-msg'>{{coupon.tip}}&nbsp;</span>
            </div>
            <div class='am-modal-footer'>
                <button class='am-btn am-btn-sm' data-am-modal-close>取消</button>
                <button class='am-btn am-btn-warning am-btn-sm' ng-click='check_code()'>确定</button>
            </div>
        </div>
    </div>

    <div style='height: 100px'></div>
    <div class='box-cart am-g am-g-collapse'>
        <div class='am-u-sm-4 tip'>
            <div>总金额:<span class='amount'>¥{{sVip.amount || 0}}</span></div>
        </div>
        <div class='am-u-sm-4 tip'>
            <div>实付款:<span class='amount'>¥{{sVip.amount - coupon.amount}}</span></div>
        </div>
        <div class='am-u-sm-4'>
            <button class='am-btn am-btn-warning am-btn-block' ng-click='start_pay()'>立即购买</button>
        </div>
    </div>

</div>
